
@extends('qiwei.main')

@section('content')

    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 用户中心 <span
            class="c-gray en">&gt;</span> 用户管理 <a class="btn btn-success radius r"
                                                  style="line-height:1.6em;margin-top:3px"
                                                  href="javascript:location.replace(location.href);" title="刷新"><i
                class="Hui-iconfont">&#xe68f;</i></a></nav>
    <div class="page-container">

        <div class="text-c">
            <form action="" method="get">
                <input type="text" class="input-text" style="width:250px" placeholder="输入会员名称、电话、邮箱" id=""
                       name="username" value="{{$keyword}}">
                <button type="submit" class="btn btn-success radius" id="" name=""><i class="Hui-iconfont">&#xe665;</i> 搜用户
                </button>
            </form>
        </div>

        <div class="cl pd-5 bg-1 bk-gray mt-20"><span class="l"><a href=""
                                                                   class="btn btn-danger radius deleteAll"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
                <a href="{{route('adminCreate')}}" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加用户</a></span> <span
                class="r">共有数据：<strong>88</strong> 条</span></div>
        <div class="mt-20">

            @include('qiwei.error')
            <table class="table table-border table-bordered table-hover table-bg table-sort">
                <thead>
                <tr class="text-c">
                    <th width="25"><input type="checkbox" id="checkAll"></th>
                    <th width="80">ID</th>
                    <th width="100">用户名</th>
                    <th width="40">真实姓名</th>
                    <th width="90">手机</th>
                    <th width="150">邮箱</th>
                    <th width="130">加入时间</th>
                    <th width="100">操作</th>
                </tr>
                </thead>
                <tbody>
                @foreach($data as $key=>$val)
{{--                    <tr class="text-c">--}}
{{--                        @if(auth()->id() != $val['id'])--}}
{{--                            @if(!$val['deleted_at'])--}}
                                <td><input type="checkbox"  class="check" data-id="{{$val['id']}}" name="id[]"></td>
{{--                            @else--}}
{{--                                <td></td>--}}
{{--                            @endif--}}
{{--                        @else--}}
{{--                            <td></td>--}}
{{--                        @endif--}}
                        <td>{{$val['id']}}</td>
                        <td>{{$val['username']}}</td>
                        <td>{{$val['truename']}}</td>
                        <td>{{$val['phone']}}</td>
                        <td>{{$val['email']}}</td>
                        <td>{{$val['created_at']}}</td>
                        <td class="td-manage">
                            <a title="分配角色" href="{{route('allotRole',$val)}}"
                               class="label label-success radius">分配角色</a>
                            <a title="编辑" href="" class="label label-primary radius">编辑</a>
{{--                            {{route('showUpdate',['id'=>$val['id']])}}--}}
                            {{--                            自己不能删除自己--}}
{{--                            @if(auth()->id() != $val['id'])--}}
{{--                                --}}{{--                                被软删除的数据不能被二次删除--}}
{{--                                @if($val['deleted_at'])--}}
{{--                                    <a title="恢复" href="{{route('restore',['id'=>$val['id']])}}"--}}
{{--                                       class="label label-warning radius restorebtn">恢复</a>--}}
{{--                                @else--}}
                                    <a title="删除" href="# " onclick="if (confirm('确认要删除吗？'))location.href=''"
                                       class="label label-danger radius delbtn">删除</a>
{{--                            {{route('del',['id'=>$val['id']])}}--}}
{{--                                @endif--}}
{{--                            @endif--}}
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>

            {{$data->appends(['keyword'=>$keyword])->links()}}


        </div>

        @endsection

        @section('js')
            <script type="text/javascript">

                $(function () {
                    $("#checkAll").click(function () {
                        if(this.checked){
                            $(".check").prop("checked",true)
                        }else{
                            $(".check").prop("checked",false)
                        }

                    })
                    $(".deleteAll").click(function () {
                        let arr=[];
                        let count=0;
                        let _that = $(this);
                        $("input[type=checkbox]:checked").each(function () {
                            arr.push($(this).attr('data-id'));
                            count++;
                        })
                        console.log(arr);
                        if (count==0){
                            alert('不能删除');
                            return false;
                        }
                        $.ajax({
                            url:'',
{{--                            {{route('delAll')}}--}}
                            data:{
                                id:arr,
                                _token: "{{csrf_token()}}",
                            },
                            type:'post',
                            dataType:'json',
                            headers:{
                                'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')
                            },
                            success: function (res) {
                                if(res.code==200){
                                    alert('成功')
                                }else{
                                    alert('失败')
                                }

                            }
                        })

                    })


                })

                {{--                /*用户-删除*/--}}
                {{--$('.delbtn').click(function (obj) {--}}
                {{--    let url = $(this).attr('href');--}}
                {{--    let _that = $(this);--}}
                {{--    layer.confirm('确认要删除吗？', function () {--}}
                {{--        $.ajax({--}}
                {{--            type: 'DELETE',--}}
                {{--            data: {--}}
                {{--                //这个token标识是_token--}}
                {{--                _token: "{{csrf_token()}}"--}}
                {{--            },--}}
                {{--            url: url,--}}
                {{--            dataType: 'json',--}}
                {{--            success: function (data) {--}}
                {{--                if (data.error_code == 0) {--}}
                {{--                    //删除成功移除当前行--}}
                {{--                    // _that.parents("tr").remove();--}}
                {{--                    //不移除当前行了，要展示恢复按钮--}}
                {{--                    history.go(0)--}}
                {{--                    //提示信息--}}
                {{--                    layer.msg('已删除!', {icon: 1, time: 1000});--}}
                {{--                } else {--}}
                {{--                    layer.msg(data.msg);--}}
                {{--                }--}}

                {{--            },--}}
                {{--            error: function (data) {--}}
                {{--                console.log(data.msg);--}}
                {{--            },--}}
                {{--        });--}}
                {{--    });--}}
                {{--    return false;--}}

                {{--});--}}
                {{--                // $('.restorebtn').click(function (obj) {--}}
                {{--                //     let url = $(this).attr('href');--}}
                {{--                //     $.ajax({--}}
                {{--                //         type: 'GET',--}}
                {{--                //         url: url,--}}
                {{--                //         dataType: 'json',--}}
                {{--                //         success: function (data) {--}}
                {{--                //             if (data.error_code == 0) {--}}
                {{--                //                 history.go(0)--}}
                {{--                //                 //提示信息--}}
                {{--                //                 layer.msg('已恢复!', {icon: 1, time: 1000});--}}
                {{--                //             } else {--}}
                {{--                //                 layer.msg(data.msg);--}}
                {{--                //             }--}}
                {{--                //--}}
                {{--                //         },--}}
                {{--                //         error: function (data) {--}}
                {{--                //             console.log(data.msg);--}}
                {{--                //         },--}}
                {{--                //     });--}}
                {{--                //--}}
                {{--                //     return false;--}}
                {{--                //--}}
                {{--                // });--}}


                {{--                /**--}}
                {{--                //  * 批量删除--}}
                {{--                 */--}}
                {{--    function datadel() {--}}
                {{--        layer.confirm('您确定要批量删除吗？？', function () {--}}
                {{--            let ids = $('input[name="id[]"]:checked')--}}
                {{--            //存储要删除的id--}}
                {{--            let id = []--}}
                {{--            $.each(ids, (key, val) => {--}}
                {{--                //取dom节点value的值，取到要删除id,把要删除的数据追加打数组中--}}
                {{--                id.push(val.value)--}}
                {{--            })--}}

                {{--            $.ajax({--}}
                {{--                type: 'delete',--}}
                {{--                data: {--}}
                {{--                    //这个token标识是_token--}}
                {{--                    _token: "{{csrf_token()}}",--}}
                {{--                    id:id--}}
                {{--                },--}}
                {{--                url: "{{route('del',['id'=>$val['id']])}}",--}}
                {{--                dataType: 'json',--}}
                {{--                success: function (data) {--}}
                {{--                    if (data.error_code == 0) {--}}
                {{--                        //删除成功移除当前行--}}
                {{--                        // _that.parents("tr").remove();--}}
                {{--                        //不移除当前行了，要展示恢复按钮--}}
                {{--                        history.go(0)--}}
                {{--                        //提示信息--}}
                {{--                        layer.msg('已删除!', {icon: 1, time: 1000});--}}
                {{--                    } else {--}}
                {{--                        layer.msg(data.msg);--}}
                {{--                    }--}}

                {{--                },--}}
                {{--                error: function (data) {--}}
                {{--                    console.log(data.msg);--}}
                {{--                },--}}
                {{--            });--}}
                {{--        });--}}
                {{--        return false;--}}
                {{--    }--}}

                {{--    // 批量删除--}}
                {{--    $(document).on("click", "#delAll", function() {--}}
                {{--        // 选中的记录全部删掉--}}
                {{--        $("td :checked").parents("tr").remove();--}}
                //     })
            </script>
@endsection
